<template>
    <div>
        <h1>优信保要求</h1>
        <h3>前端：</h3>
        <h4>1.json描述公司结构</h4>
        <pre><code class='language-javascript' lang='javascript'>{
    &quot;name&quot;:&quot;某公司&quot;,
    &quot;departments&quot;:[
        {
            &quot;name&quot;:&quot;业务部&quot;,
            &quot;groups&quot;:[
                {&quot;name&quot;:&quot;业务一部&quot;,
                 &quot;members&quot;:[{&quot;name&quot;:&quot;张某&quot;},{&quot;name&quot;:&quot;王某&quot;}]
                },
                {&quot;name&quot;:&quot;业务二部&quot;,
                 &quot;members&quot;:[{&quot;name&quot;:&quot;王某&quot;}]
                }]
        },
         {
            &quot;name&quot;:&quot;研发部&quot;,
            &quot;groups&quot;:[
                {&quot;name&quot;:&quot;研发一组&quot;,
                 &quot;members&quot;:[{&quot;name&quot;:&quot;陈某&quot;}]
                },
                {&quot;name&quot;:&quot;研发二组&quot;,
                 &quot;members&quot;:[{&quot;name&quot;:&quot;李某&quot;}]
                }]
        }]
}
</code></pre>
        <h4>2.页面显示该组织结构</h4>
        <p>&nbsp;</p>
        <h4>3.实现一个人员管理界面</h4>
        <p>	a.       查询条件：姓名，所属部门</p>
        <p>	b.       数据列表：姓名，所属部门 ….</p>
        <p>	c.        基础数据：自行定义</p>
    </div>
</template>

<script>
    export default {
        name: "Welcome"
    }
</script>

<style scoped>

</style>